@charset "utf-8";
/* CSS Document */
/*banner*/
.banner_box{ width:100%; min-width:1200px; position:relative; overflow:hidden;}
.banner{ display:block;}
.banner li{ display:block; width:100%;}
.banner li img{ display:block; width:100%; height:auto;}
.banner_box .hd{ width:100%; position:absolute; bottom:15px; z-index:2;}
.banner_box .hd .anniu{ display:block; text-align:center;}
.banner_box .hd .anniu li{ display:inline-block; width:10px; height:10px; border-radius:5px; background:#fff; opacity:0.8; margin:0 5px; transition:all 0.3s ease-out;}
.indexBnrSwiper-prev,.indexBnrSwiper-next{ display:block; width:114px; height:100%; position:absolute; top:0; opacity:0; transition:all 0.5s ease-out; z-index:99;}
.indexBnrSwiper-prev{ left:0; background:url(../images/swiper1-l.png) no-repeat center;}
.indexBnrSwiper-next{ right:0px; background:url(../images/swiper1-r.png) no-repeat center;}
.banner_box:hover .indexBnrSwiper-prev,.banner_box:hover .indexBnrSwiper-next{ opacity:0.5}
.banner_box .indexBnrSwiper-prev:hover,.banner_box .indexBnrSwiper-next:hover{ opacity:1;}
.banner_box .hd .anniu .on{ width:48px; opacity:1;}
/*公司产品*/
.products_bj{ width:100%; min-width:1200px; padding:80px 0 65px; background:#f6f6f6;}
.chanp_ti{ width:100%;}
.chanp_ti span{ display:block; font-size:40px; font-weight:bold; color:#404040; text-align:center;}
.chanp_ti p{ display:block; font-size:18px; color:#626262; text-align:center; margin-top:15px;}
.products_box{ width:1440px; margin:68px auto 0;}
.products_tubox{ width:100%; overflow:hidden;}
.products_tubox ul{ display:block; overflow:hidden;}
.products_tubox ul li{ float:left; width:324px; background:#fff; box-shadow:0 0 10px rgba(102,102,102,0.3); margin:18px;}
.chanp_tu{ width:100%; overflow:hidden;}
.chanp_tu img{ display:block; width:100%; height:auto; transition:all .5s ease;}
.chanp_con{ padding:0 20px 25px;}
.chanp_con h1{ display:block; font-size:16px; color:#2f2f2f; text-align:center;}
.chanp_con span{ display:block; width:114px; height:34px; background:#f0f0f0; border-radius:17px; margin:25px auto 0; font-size:14px; color:#575757; text-align:center; line-height:34px;}
.products_tubox ul li:hover .chanp_tu img{ transform:scale(1.05);}
.products_tubox ul li:hover span{ background:#d90d0d; color:#fff;}
.arrow_box{ width:100%; text-align:center; margin-top:56px;}
.arrow_box a{ display:inline-block; width:49px; height:49px; border-radius:50%; border:2px solid #727272; margin:0 10px;}
.arrow_box a img{ display:block; width:100%; height:auto;-webkit-filter: brightness(30%);-moz-filter: brightness(30%);filter: brightness(30%);}
.arrow_box a:hover{ background:#ec3b3d; border:2px solid #ec3b3d;}
.arrow_box a:hover img{-webkit-filter: brightness(100%);-moz-filter: brightness(100%);filter: brightness(100%);}
/*品质与服务*/
.fuwu_tibox{ width:100%; min-width:1200px; margin:98px auto 72px;}
.fuwu_tibox span{ display:block; font-size:40px; font-weight:bold; color:#282828; text-align:center;}
.fuwu_tibox p{ display:block; font-size:18px; color:#5e5e5e; line-height:26px; text-align:center; margin-top:10px;}
.fuwu_box{ width:1440px; margin:auto; overflow:hidden;}
.fuwu_box ul{ display:block; overflow:hidden;}
.fuwu_box ul li{ float:left; width:50%; position:relative; overflow:hidden;}
.fuwu_box ul li img{ display:block; width:100%; height:auto;}
.fuwu_conbox{ width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.fuwu_conbox h1{ display:block; font-size:36px; color:#fff; text-align:center;}
.fuwu_conbox em{ display:block; font-style:normal; height:30px; font-size:30px; color:#fff; text-align:center; line-height:30px; margin-top:12px; transition:all .3s ease; overflow:hidden;}
.fuwu_con{ height:0; transition:all .5s ease; text-align:center; margin-top:30px; transform:scale(0);}
.fuwu_con p{ display:block; font-size:18px; color:#fff; text-align:center; line-height:30px;}
.fuwu_con span{ display:block; width:62px; height:62px; margin:35px auto 0; background:#fff; border-radius:50%; overflow:hidden;}
.fuwu_con span img{ display:block; width:100%; height:auto;}
.fuwu_box ul li:hover .fuwu_conbox em{ height:0; transform:scale(0);}
.fuwu_box ul li:hover .fuwu_con{ height:162px; transform:scale(1);}
/*应用案例*/
.case_tibox{ width:100%; min-width:1200px; margin:125px auto 60px;}
.case_tibox span{ display:block; font-size:40px; font-weight:bold; color:#282828; text-align:center;}
.case_tibox p{ display:block; font-size:18px; color:#5e5e5e; text-align:center; margin-top:15px;}
.case_box{ display:block; width:100%; overflow:hidden;}
.case_box li{ float:left; width:25%; position:relative;}
.case_box .case_tu{ width:100%; background:#000; overflow:hidden;}
.case_box .case_tu img{ display:block; width:100%; height:auto; transition:all .5s ease; opacity:0.3;}
.case_box .case_conbox{ width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.case_box .case_conbox img{ display:block; margin:0 auto;}
.case_box .case_conbox span{ display:block; font-size:30px; color:#fff; text-align:center; margin-top:25px;}
.case_box li:hover .case_tu img{ opacity:0.7;}
/*走进斯菲特*/
.about_box{ width:1440px; margin:96px auto; overflow:hidden;}
.about_left{ float:left; width:39.3%;}
.about_tibox h1{ display:block; font-size:40px; font-weight:bold; color:#2d2d2d;}
.about_tibox p{ display:block; font-size:18px; color:#5e5e5e; margin-top:10px;}
.about_con{ margin-top:35px; font-size:16px; color:#282828; line-height:30px;}
.about_more{ width:168px; height:44px; border-radius:22px; background:#eaeaea; margin-top:35px;}
.about_more a{ display:block; font-size:16px; color:#424242; text-align:center; line-height:44px;}
.about_more img{ margin-left:20px;}
.about_sl{ display:block; margin-top:50px;}
.about_sl li{ display:inline-block; margin-right:80px;}
.about_sl li:nth-child(3){ margin-right:0;}
.about_sl li span{ display:block; font-size:55px; font-weight:bold; color:#194483;}
.about_sl li span em{ display:inline-block; font-style:normal; font-size:36px; font-weight:bold; color:#194483;}
.about_sl li p{ display:block; font-size:18px; color:#757575; text-align:center; margin-top:5px;}
.about_right{ float:right; width:56.25%; border-top-left-radius:40px; border-bottom-right-radius:40px; background:#194483; overflow:hidden;}
.about_right td{ cursor:default; height:250px; border-right:1px solid #406498;}
.about_right td img{ display:block;}
.about_right td span{ display:block; font-size:26px; color:#fff; text-align:center; margin-top:20px;}
.about_right td p{ display:block; font-size:18px; color:#fff; text-align:center; margin-top:10px; transition:all .3s ease; height:0; overflow:hidden;}
.about_right td:hover{ background:#ec3b3d;}
.about_right td:hover p{ height:24px;}
.about_right table{ border:none;}
.about_right table tr{ border-bottom:1px solid #406498;}
.about_right table tr:last-child{ border-bottom:none;}
/*新闻中心*/
.news_bj{ width:100%; min-width:1200px; padding:80px 0 90px; background:#f6f6f6;}
.news_bigbox{ width:1440px; margin:auto;}
.news_tibox h1{ display:block; font-size:40px; font-weight:bold; color:#353535;}
.news_nav{ display:block; margin-top:25px; font-size:20px; color:#a8a8a8; line-height:30px;}
.news_nav li{ display:inline-block; margin:0 30px;}
.news_nav li:nth-child(1){ margin-left:0;}
.news_nav li a{ display:inline-block; font-size:20px; color:#353535; line-height:30px;}
.news_nav li a:hover{ font-weight:bold; color:#ec3b3d;}
.news_box{ width:100%; margin:65px auto 0;}
.news_left{ float:left; width:53.75%;}
.news_tj{ float:left; width:46.5%; height:415px; margin-right:6.4%; background:#fff; transition:all .5s ease;}
.news_tj:nth-child(2){ margin-right:0;}
.news_tj .news_tu{ width:100%; background:#000; overflow:hidden;}
.news_tj .news_tu img{ display:block; width:360px; height:197px; transition:all .5s ease;}
.news_tj .news_con{ padding:20px 15px;}
.news_tj .news_con em{ display:block; font-style:normal; font-size:12px; color:#222222;}
.news_tj .news_con h1{ display:block; font-size:20px; font-weight:bold; color:#222222; line-height:30px; margin-top:10px;}
.news_tj .news_con span{ display:block; font-size:12px; color:#222222; margin-top:5px;}
.news_tj .news_con p{ display:block; font-size:14px; color:#222222; line-height:24px; margin-top:15px;}
.news_tj:hover{ box-shadow:0 0 12px rgba(51,51,51,0.2);}
.news_tj:hover .news_tu img{ opacity:0.6; transform:scale(1.05);}
.news_tj:hover h1{ color:#214692;}
.news_right{ float:right; width:37.3%; background:#fff; padding:50px 40px;}
.news_right ul{ display:block; padding-left:30px; background:url(../images/news_bj.png) no-repeat left 5px;}
.news_right ul li{ display:block; margin-bottom:42px;}
.news_right ul li:last-child{ margin-bottom:0;}
.news_right ul li h1{ display:block; font-size:18px; color:#454545; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_right ul li span{ display:block; font-size:14px; color:#8c8c8c; margin-top:8px;}
.news_right ul li:hover h1{ color:#ec3b3d;}

@keyframes jinggao_box
{
0%{ opacity:0; left:50%; top:50%; transform:translate(-50%,-50%) scale(0);}
100%{ opacity:1; transform:translate(-50%,-50%) scale(1);}
}
.jinggao_box{ width:520px; padding:50px 55px 40px; background:rgba(220,36,36,0.95); position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);animation: jinggao_box 0.5s; z-index:9999999;}
.jinggao_ti{ position:relative;}
.jinggao_ti h1{ display:inline-block; font-size:35px; font-weight:bold; color:#fff; line-height:36px;}
.jinggao_ti span{ position:absolute; right:-20px; top:-20px;}
.jinggao_ti span img{ display:block;}
.jinggao_con{ margin-top:35px; font-size:16px; color:#fff; line-height:36px;}
.jinggao_box dl{ display:block; margin-top:80px;}
.jinggao_box dl dt{ display:block; font-size:16px; color:#fff; line-height:20px; text-align:right;}
.jinggao_box dl dd{ display:block; font-size:16px; color:#fff; line-height:20px; margin-top:10px; text-align:right;}
@media ( min-device-width:1360px )and ( max-width:1440px ) {
.fuwu_box,.about_box,.news_bigbox{ width:1300px;}
.products_box{ width:1336px;}
.products_tubox ul li{ width:298px;}
.about_sl li{margin-right:60px;}
	}